<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@include file="theme/Header.jsp" %>
<script type="text/javascript" >
    $().ready(function() {

        $('#add').click(function(){
            callFind();
        });


    });

    function doLoad() {

        var url="RCP002AddPay";
        var dataSet={};
        $.post(url,dataSet,function(data){
            $('#result').html(data);
        });
        
    }

    function callFind() {
        $('#dlg').jqm({ajax: 'rcp002find.jsp'});
        $('#dlg').jqmShow();
    }

    function dlgHide() {
        $('#dlg').jqmHide();
    }
</script>
<div id="site-root">
    <div>
        <a href="RCP002">[RCP002- บันทึการรับชำระเงินรถพลการตำรวจ]</a> [บันทึกข้อมูล]
    </div>
</div>
<c:choose>
    <c:when test="${data.status != 'PY'}">
        <div id="button-bar">
            <fieldset >
                <div class="buttons">
                    <button class="positive" id="save">
                        <img  src="theme/images/icons/save.gif" alt="" width="16" height="16"/>บันทึกข้อมูล
                    </button>
                </div>
            </fieldset>
        </div>
    </c:when>
    <c:otherwise>
        <div class="info-box">ชำระเงินเรียบร้อย</div>
    </c:otherwise>
</c:choose>

<div id="source-data">
    <fieldset style="background: #FFF">
        <legend>รายละเอียดการบันทึกข้อมูล</legend>
        <table width="100%" cellpadding="1">
            <tr>
                <td width="150px" align="right">สถานที่ชำระเงิน : </td>
                <td width="350px">
                    <select id="station" name="station" class="require">
                        <option value=""></option>
                        <option value="1000">1000:กจค.1</option>
                        <option value="1001">1001:กจค.2</option>
                        <option value="1002">1002:กจค.3</option>
                        <option value="1003">1003:กกง.</option>
                        <c:forEach items="${stationList}" var="s" varStatus="i">
                            <option value="${s.stationId}">${s.stationId}:${s.stationName}</option>
                        </c:forEach>
                    </select>
                </td>
            </tr>
            <tr>
                <td align="right" >วันที่รับชำระ : </td>
                <td>
                    <input type="text" name="receiveDate" id="receiveDate" readonly="" class="require" tabindex="4" value="${now}"/>
                    <a href="#"><img src="theme/images/icons/calendar_icon.gif"
                                     border="0" width="18" height="18"
                                     onclick="return showCalendar('receiveDate', '%d/%m/%Y');"/></a>
                </td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
            </tr>
            <tr>
                <td align="right" >ใบเสร็จเล่มที่ : </td>
                <td>
                    <input type="text" id="invoiceId" name="invoiceId" class="require" />
                </td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
            </tr>
            <tr>
                <td align="right" >ใบเสร็จเลขที่ : </td>
                <td>
                    <input type="text" id="invoiceNo" name="invoiceNo" class="require" />
                </td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
            </tr>
            <tr>
                <td align="right" >ผู้รับเงิน : </td>
                <td>
                    <input type="text" name="emp" id="emp" class="require" tabindex="17"
                           value="<%= (String) session.getAttribute("uap_user_desc")%>" />
                    <input type="hidden" id="empa" name="empa"
                           value="<%= (String) session.getAttribute("uap_user_id")%>" />
                </td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
            </tr>
            <tr>
                <td align="right" valign="top">หมายเหตุ : </td>
                <td><textarea cols="50" rows="3"></textarea></td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
            </tr>
        </table>
    </fieldset>
    <fieldset style="background: #FFF">
        <legend>รายการ</legend>
        <div id="button-bar">
            <fieldset >
                <div class="buttons">
                    <button class="positive" id="add">
                        <img  src="theme/images/icons/action_add.gif" alt="" width="16" height="16"/>เพิ่มรายการ
                    </button>
                </div>
                <div id="result"></div>
            </fieldset>
        </div>
    </fieldset>
</div>
<div class="jqmWindow" id="dlg"></div>
<%@include file="theme/Footer.jsp" %>
